<template>
    <div class="address" v-if="(items.order.orderTys.tysTime||items.order.orderTys.locale)&&items.order.orderTys">
        <div class="address-flex-left">
            <img src="../../assets/images/address.png" />
        </div>
        <div class="address-flex-right">
            <div class="address-flex-right-name">
                   {{items.order.orderTys.tysTime}}
            </div>
            <div class="address-flex-right-address">
                {{items.order.orderTys.locale}}
            </div>
        </div>
    </div>
</template>
<script>
export default {
    props:["items"],
    model:{
        prop:"items"
    }
};
</script>
<style lang="scss" scoped>
.address {
  height: 2.5733rem;
  display: flex;
  padding: 0 0.5867rem 0 0.32rem;
  background-color: white;
  .address-flex-left {
    display: flex;
    align-items: center;
    img {
      width: 0.5267rem;
      height: 0.5333rem;
    }
  }
  .address-flex-right {
    flex: 1;
    display: -webkit-box;
    -webkit-box-pack: center;
    -webkit-box-orient: vertical;
    padding-left: 0.2267rem;
    .address-flex-right-name {
      font-size: 0.4rem;
      color: rgba(51, 51, 51, 1);
    }
    .address-flex-right-address {
        margin-top: 0.2333rem;
      font-size: 0.3467rem;
      color: rgba(102, 102, 102, 1);
      line-height:0.6133rem;
    }
  }
}
</style>
